﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.3, maximum-scale=2.0, user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<title>华夏快线电子客票</title>
</head>
<body>
  <header id="main-top">
    <a href="#">
      <div id="main-top-left">
        <img src="images/mui_title_back_btn.png" class="img-2">
      </div>
    </a>
    <div id="main-top-title">车票详细</div>
  </header>
  <div id="container">
    <div id="order-number">订单号0000000000000000</div>
    <div id="Take-backs">取票验证码: 12345678</div>
    <div class="f-information">
      <h3>车票数量</h3>
      <div class="f-information-x">
        <div>
          发/到站:
          <span class="font-18-b"> 乐山中心站 - 成都双流</span>
        </div>
        <div>
          发车时间:
          <span class="font-18-b" id="font-t-12"> 2015年5月10日 15:30</span>
        </div>
        <div>
          班次类型:
          <span class="font-18-b"> 固定班</span>
        </div>
        <div>
          班次:
          <span class="font-18-b"> 3984 </span>
        </div>
        <div>
          票价:
          <span class="font-18-b"> ￥45</span>
        </div>
        <div>
          购票时间:
          <span class="font-18-b"> 2015年5月4日 15:35:15</span>
        </div>
      </div>
    </div>

    <div class="passenger">
      <h3>乘车人</h3>
      <div id="often-passenger">
        <ul>
          <li>
            <div class="check">
              <img src="images/Check-select.png" class="img-9">
            </div>
            <div class="name-1">常图车</div>
            <div class="ticket-1">成人票</div>
            <div class="Document-type-1">身份证 100938278390987635</div>
          </li>
          <li>
            <div class="check">
              <img src="images/Check-select.png" class="img-9">
            </div>
            <div class="name-1">常图车</div>
            <div class="ticket-1">成人票</div>
            <div class="Document-type-1">身份证 100938278390987635</div>
          </li>
        </ul>
      </div>
    </div>
  </div>
  <a href="#">
    <div id="q-button" style="background: #e1e1e1;">
      <div id="determine" style="letter-spacing: 0pt;">在线退票</div>
    </div>
  </a>
</body>
</html>
